<%@ include file="../common/IncludeTop.jsp"%>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-2.1.0.min.js"></script>
<!-- 3. 导入bootstrap的js文件 -->
<script src="js/bootstrap.min.js"></script>
<ul class="nav nav-tabs" >
	<li role="presentation" class="active"><a href="neworderform">NewOrderForm</a></li>
	<li role="presentation"><a href="guidetiship">Shipping</a></li>
</ul>
<div id="Catalog">
	<form action="neworder" method="post">

		<table>
			<tbody><tr>
				<th colspan="2">Payment Details</th>
			</tr>
			<tr>
				<td>Card Type:</td>
				<td><select name="order.cardType">
					<option selected="selected" value="Visa">Visa</option><option value="MasterCard">MasterCard</option><option value="American Express">American Express</option>
				</select></td>
			</tr>
			<tr>
				<td>Card Number:</td>
				<td><input name="order.creditCard" value="999 9999 9999 9999" type="text"> * Use a fake
					number!</td>
			</tr>
			<tr>
				<td>Expiry Date (MM/YYYY):</td>
				<td><input name="order.expiryDate" value="12/03" type="text"></td>
			</tr>
			<tr>
				<th colspan="2">Billing Address</th>
			</tr>

			<tr>
				<td>First name:</td>
				<td><input name="order.billToFirstName" value="${account.firstName}" type="text"></td>
			</tr>
			<tr>
				<td>Last name:</td>
				<td><input name="order.billToLastName" value="${account.lastName}" type="text"></td>
			</tr>
			<tr>
				<td>Address 1:</td>
				<td><input name="order.billAddress1" value="${account.address1}" type="text" size="40"></td>
			</tr>
			<tr>
				<td>Address 2:</td>
				<td><input name="order.billAddress2" value="${account.address2}" type="text" size="40"></td>
			</tr>
			<tr>
				<td>City:</td>
				<td><input name="order.billCity" value="${account.city}" type="text"></td>
			</tr>
			<tr>
				<td>State:</td>
				<td><input name="order.billState" value="${account.state}" type="text" size="4"></td>
			</tr>
			<tr>
				<td>Zip:</td>
				<td><input name="order.billZip" value="${account.zip}" type="text" size="10"></td>
			</tr>
			<tr>
				<td>Country:</td>
				<td><input name="order.billCountry" value="${account.country}" type="text" size="15"></td>
			</tr>

			<tr>
				<td colspan="2"><input name="shippingAddressRequired" id="shippingornot" value="1" type="checkbox">
					Ship to different address...</td>
			</tr>
			<script type="text/javascript"  src="${pageContext.request.contextPath }/js/shipping.js"></script>

			</tbody></table>

		<input name="newOrder" value="Continue" type="submit">
	</form>
</div>
<div id="shippingye"></div>

<%@ include file="../common/IncludeBottom.jsp"%>